草庐IT

css - 居中 Canvas

全部标签

javascript - 使用 Javascript 更改显示样式 (CSS) 而不影响打印样式

我有一个Web应用程序使用单独的printstylesheet控制页面从打印机出来时的外观。在我最近对该站点进行了一些Javascript增强之前,它一直运行良好。其中一项增强功能允许用户卡住页眉和导航以及表格标题。这背后的Javascript做了一些CSS技巧来卡住屏幕上的元素。不幸的是,将position:fixed应用到我的页眉(例如)会导致它打印在每一页上,这不是预期的效果。如何使用Javascript在客户端调整元素样式而不影响打印样式?@mediaprint{#foo{color:blue;}}/*Printdefinition*/@mediascreen{#foo{col

javascript - Google Closure 编译器解析错误 : invalid property id for `css({float:' left'})`

我正在使用GoogleClosureCompiler应用程序(命令行界面)。当我运行它时,出现以下错误。deploy/js/Home.js:40:ERROR-Parseerror.invalidpropertyidthis.$images.wrapAll('').css({float:'left'});^1error(s),0warning(s) 最佳答案 我相信你需要做:{'float':'left'}这是因为float在listofJavakeywordsreservedbyJavaScript上,因此它不能用作属性名称。这在较

javascript - 使用 Canvas 和 javascript 的核心数学和 3d 形状

我有一个老friend,他是一位数学家。他有自己的数学来压缩他的公式,这些公式非常漂亮。他在一个名为Mathematica的程序中工作,该程序可以转换3D形状的公式。请问是否可以使用Canvas和JavaScript获取这些数字?见附件公式和图。我自己对此知之甚少。但如果有人能给我举个例子,我会很高兴。 最佳答案 既然您提到了Mathematica,我将使用它来为t的各种值提供更多示例。不过我无法在Canvas方面为您提供帮助。这是Mathematica代码:With[{a=3,t=0.7},RegionPlot3D[10^-(tx

javascript - 如何更改 Canvas 元素的位置?

我可以在不使用CSS的情况下在Javascript中更改Canvas元素的x和y位置吗?我似乎找不到任何人甚至在Internet上询问它。编辑:可以用HTML完成吗?TestingError:Browserdoesnotsupportcanvaselement.varmain=document.getElementById("main");varrender=main.getContext("2d");main.width=200;main.height=200;main.style.left=100x;main.style.top=100px; 最佳答案

CSS 样式上的 Javascript 事件从 block 更改为无

当我将div的CSS样式从block更改为none时,是否会触发纯Javascript事件(无jQuery).我以为我可以通过“onBlur”捕捉到它,但看起来我做不到!请指教! 最佳答案 没有因可见性更改而触发的DOM事件。您能做的最好的事情就是始终使用相同的函数来调整block的可见性,而不是每次都更改它的样式。旧模式:functiondoSomething(){alert("I'mdoingsomething!");myBlock.style.display="block";}functiondoSomethingElse()

javascript - 如何根据文本和 CSS 生成图像?

我正在开发一个网络应用程序。它使用来自其API的信息为游戏生成签名。我需要使用收集信息并将其转换为图像的脚本来存储图像。你知道把文字+CSS变成图片的方法吗? 最佳答案 是的,这可以做到,您要做的是在Canvas上绘制文本,然后保存Canvas。你不需要显示Canvas,你可以像任何其他html元素一样隐藏它,只需添加它,在上面绘制文本,然后保存它。这是保存库的链接:https://github.com/hongru/canvas2image一些示例代码在Canvas上绘制文本:Yourbrowserdoesnotsupportth

javascript - 使用 CDN 完成 CSS 类

如何使用WebStorm上的CSS类自动完成来处理从CDN导入的CSS文件? 最佳答案 只有位于元素根目录下的文件用于完成/导航/错误突出显示,WebStorm不使用在线资源进行类型解析。所以你必须下载css并使用相对URL引用它才能完成工作 关于javascript-使用CDN完成CSS类,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/18122560/

javascript - jQuery $().css ("content") 在 IE9 中返回字符串 "normal"

我正在使用CSScontent属性将一些值从我的LESS样式表传递给JavaScript(以在Canvas元素中使用LESS中定义的一些颜色)。为了让我的生活更轻松,我决定以一种简单的方式放置这些值,以便在JavaScript中解析它们。更少的代码:div#colorChart-critical{content:'@{critical-highest},@{critical-veryhigh},@{critical-high},@{critical-low},@{critical-medium},@{critical-verylow}';}编译后会产生以下CSS:div#colorCh

javascript - 使用 css3 和 jquery 分别动画缩放和旋转

更新和澄清我需要执行一些在图标上立即旋转(使用css3transform)的jquery。然后一旦图标旋转,我想设置动画并缩放到200%的大小。但是,由于缩放和旋转都是一个CSS3属性(转换),我看到这两个转换都作为0.5秒的动画发生。(在JQUERY代码中,我还更新了位置(顶部、左侧),但由于它不在transition:标记中,因此它会根据需要立即发生。我想要的是立即发生旋转,并在2秒内发生缩放。有什么想法吗?CSS:transition:transform0.5s;-webkit-transition:-webkit-transform0.5s;JQUERY:self.pick=f

javascript - 如何在 HTML5 Canvas 上缩放图像时保持宽高比?

在我的项目中,我使用HTML5Canvas和FabricJS。我有维持放置在Canvas中的图像对象的纵横比的方案。在调整Angular或缩放图像时,我必须更新宽度或高度以保持图像的纵横比。上图将清楚地显示我的问题。我需要一种算法或公式来保持图像的纵横比。图片应满足以下条件,如果我通过根据实际尺寸调整图片的宽度或高度来进行缩小,它会裁剪并以相同的纵横比显示图片。如果我确实通过调整图像的实际尺寸的宽度或高度来进行扩展,它将分别扩展图像的高度或宽度,并针对视口(viewport)高度和宽度进行裁剪以保持宽高比。隐藏的部分被平移和查看。请给我一些解决方案,谢谢。